.weather {
  width: 100%;
  background: url("https://pics-1257236742.cos.ap-nanjing.myqcloud.com/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%9B%BE%E5%BA%8A/ludeng.jpg")
    0 center no-repeat fixed;
  background-size: cover;
  padding-top: 1em;
  padding-left: 0.7em;
  padding-right: 0.7em;
  padding-bottom: 1em;
  .top {
    margin-bottom: 3em;
    position: relative;
    .citylist {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
    }
    .morecity {
      position: absolute;
      right: 0.7em;
    }
    view {
      color: #ffffff;
    }
    .address {
      margin-right: 1em;
    }
  }
  .card {
    width: 90%;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 0.6em;
    padding-right: 0.6em;
    background-color: rgba(8, 8, 8, 0.5);
    margin-top: 40rpx;
    overflow: scroll;
    color: #ffffff;
    position: relative;
    .refresh {
      width: 40rpx;
      height: 40rpx;
      position: absolute;
      right: 1em;
      top: 1em;
    }
    .title {
      position: absolute;
      top: 0.5em;
      left: 1em;
    }
    .temp {
      font-size: 100rpx;
      font-weight: bolder;
      margin-right: 0.5em;
    }
    image {
      width: 238rpx;
      height: 224rpx;
    }
    .daily_item {
      width: 33.3%;
      .icon {
        width: 200rpx;
        height: 200rpx;
      }
    }
    .indica_item {
      padding-top: 1em;
      padding-left: 1em;
      .item_det {
        padding-left: 1em;
      }
    }
    // 24小时预报
    .hours {
      margin-top: 1em;
      .h_item {
        .sm_icon {
          width: 100rpx;
          height: 100rpx;
          margin-right: 1em;
        }
        .time {
          margin-right: 1em;
        }
        .temprature {
          margin-right: 1em;
        }
      }
    }
  }
  .from {
    .info {
      margin-bottom: 1em;
    }
  }
}
